<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich" 
	xmlns:a4j="http://richfaces.org/a4j">
	
<head>

</head>
<ui:composition template="../WEB-INF/plantilla/layout.xhtml" contentType="text/html; charset=ISO-8859-1">
<ui:define name="contenido">
<script type="text/JavaScript" src="../resources/js/saex.js" />
		<h:form id="formPrincipal">
		<rich:messages  id="idMsmDocumento" ></rich:messages>
        <h:outputLabel value="#{auditoriaHubv2Controller.init}"> </h:outputLabel>
        <rich:popupPanel id="statPane" autosized="true">
            <h:graphicImage value="/images/ai.gif" alt="ai" />
            Espere por favor...
        </rich:popupPanel>
        <!-- <a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" /> -->
   
			<a4j:outputPanel id="pnlBusquedaEmpresa" style="width:50%">
				<rich:panel header="Parametros de Búsqueda" style="width:80%">
					<table width="100%" class="tabla">
						<tr>
							<td colspan="1"><h:outputLabel value="Ingrese fecha Operación :"></h:outputLabel></td>

							<td ><rich:calendar datePattern="dd/MM/yyyy" value="#{auditoriaHubv2Controller.entityFiltro.fechaDate}"
								style="width:95%;">
								<f:convertDateTime type="date" pattern="yyyy-MM-dd"/>
							     </rich:calendar>
							     <!-- datePattern="yyyy-MM-dd" -->
							</td>
							<td colspan="2"><h:selectBooleanCheckbox value="#{auditoriaHubv2Controller.entityFiltro.flagOperacion}"/> 
							<h:outputLabel value="Buscar solo por número de operación:"/></td>
							<td colspan="4"><h:inputText style="width:95%;" value="#{auditoriaHubv2Controller.entityFiltro.numOperacion}"
							        onkeypress="return validaNumero(event,'0',this,'0');" 
									onblur="validaNumero(event,'0',this,'1');"></h:inputText>
							</td>
							<td><a4j:commandButton value="Buscar" render="dtRecaudos" oncomplete="#{rich:component('statPane')}.hide()"
									action="#{auditoriaHubv2Controller.obtenerAuditoriaHubv2}" />
						    </td>
							
						</tr>
						<tr >
							<td colspan="1"><h:outputLabel value="Empresa :"></h:outputLabel></td>
							<td><h:selectOneMenu styleClass="selectOneMenu" 
							   valueChangeListener="#{auditoriaHubv2Controller.listarConvenios}"
									value="#{auditoriaHubv2Controller.entityFiltro.idEmpresa}" >
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItems value="#{auditoriaHubv2Controller.listEmpresas}"
									var="varo" itemValue="#{varo.id}" itemLabel="#{varo.razonSocial}" >
									</f:selectItems>
									<a4j:ajax event="change" render="cboConvenio" ></a4j:ajax>
									
								</h:selectOneMenu></td>
								
						   <td colspan="1">
						   <h:outputLabel value="Convenio :"></h:outputLabel></td>
							<td><h:selectOneMenu styleClass="selectOneMenu" id="cboConvenio"
									value="#{auditoriaHubv2Controller.entityFiltro.codConvenio}" style="width:150px;">
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItems value="#{auditoriaHubv2Controller.listConvenios}" 
									var="varo" itemValue="#{varo.id}" itemLabel="#{varo.descConvenio}"/>
								</h:selectOneMenu></td>		
						</tr>
						<tr >
						    <td><h:outputLabel value="Cod Canal :"></h:outputLabel></td>
							<td><h:selectOneMenu styleClass="selectOneMenu" 
									value="#{auditoriaHubv2Controller.entityFiltro.codCanal}" style="width:150px;">
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItems value="#{auditoriaHubv2Controller.listCanals}" />
								</h:selectOneMenu></td>
							<td><h:outputLabel value="Tipo de Operación :"></h:outputLabel></td>
							<td><h:selectOneMenu styleClass="selectOneMenu" 
									value="#{auditoriaHubv2Controller.entityFiltro.codOpe}" style="width:150px;">
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItems value="#{auditoriaHubv2Controller.listTipoOpe}" 
									var="varo" itemValue="#{varo.id}" itemLabel="#{varo.tipoOpe}"/>
								</h:selectOneMenu></td>	
							<td><h:outputLabel value="Id Evento :"></h:outputLabel></td>
							<td><h:selectOneMenu styleClass="selectOneMenu" 
									value="#{auditoriaHubv2Controller.entityFiltro.idEvento}" style="width:150px;">
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItems value="#{auditoriaHubv2Controller.listEvents}"
									var="varo" itemValue="#{varo.id}" itemLabel="#{varo.evento}" />
								</h:selectOneMenu></td>					
						</tr>
						<tr>
						<!-- <td><h:outputText value="Código de Operación" /></td>
						<td></td> -->
						<td><h:outputText value="Id Referencia" /></td>
						<td><h:inputText value="#{auditoriaHubv2Controller.entityFiltro.numReferencia}"
									style="width:95%;"
									onkeypress="return validaNumero(event,'0',this,'0');"
									onblur="validaNumero(event,'0',this,'1');">
									</h:inputText></td>
						<td><h:outputText value="Id Documento" /></td>
						<td><h:inputText value="#{auditoriaHubv2Controller.entityFiltro.numReferencia}"
									style="width:95%;"
									onkeypress="return validaNumero(event,'0',this,'0');"
									onblur="validaNumero(event,'0',this,'1');">
									</h:inputText></td>			
						</tr>
					</table>
				
				</rich:panel>
				<br />
				<rich:panel header="Resultado de la Búsqueda" style="width:80%">

					
						<table width="100%" class="tabla">
						<tr>
						
						<td colspan="3">
						<rich:dataTable id="dtRecaudos" style="width:100%"
							value="#{auditoriaHubv2Controller.listAuditoriaHubv2}" var="cliPla"
							rows="5" iterationStatusVar="it" >
							<rich:column width="10%">
								<f:facet name="header">#</f:facet>
               					 #{it.index}
            				</rich:column>

							<rich:column style="text-align:center;" width="80%">
								<f:facet name="header">
									<h:outputText value="Número de Operación" />
								</f:facet>
								<h:outputText value="#{cliPla.numOperacion}" />
							</rich:column>

							<rich:column style="text-align:center;" width="40%">
								<f:facet name="header">
									<h:outputText value="FechaDto" />
								</f:facet>
								<h:outputText value="#{cliPla.fechaDto}" />
							</rich:column>

							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Convenio" />
								</f:facet>
								<h:outputText value="#{cliPla.codConvenio}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Evento" />
								</f:facet>
								<h:outputText value="#{cliPla.idEvento}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Operacion" />
								</f:facet>
								<h:outputText value="#{cliPla.codOpe}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Canal" />
								</f:facet>
								<h:outputText value="#{cliPla.codCanal}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Referencia" />
								</f:facet>
								<h:outputText value="#{cliPla.numReferencia}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Documento" />
								</f:facet>
								<h:outputText value="#{cliPla.numDocumento}" />
							</rich:column>
							
							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Resultado" />
								</f:facet>
								<h:outputText value="#{cliPla.descResultado}" />
							</rich:column>

							<rich:column style="text-align:center;" width="10%">
								<f:facet name="header">
									<h:outputText value="Ver" />
								</f:facet>
								<a4j:commandLink action="#{auditoriaHubv2Controller.verMensajeXML}"
								oncomplete="#{rich:component('panelMensajeXML')}.show()" render="frmMensajeXML:valorXml">
							     	<h:graphicImage value="../images/look.png" />
							     	<f:param name="p_msg" value="#{cliPla.mensaje}" />
							     </a4j:commandLink>										
							</rich:column>
							<f:facet name="footer">
							 <rich:dataScroller page="#{auditoriaHubv2Controller.page}" />
            				</f:facet>
							 

						</rich:dataTable>
						</td>
						</tr>
					</table>
				</rich:panel>
						
			</a4j:outputPanel>
		</h:form>

		<rich:popupPanel id="panelMensajeXML" modal="true" resizeable="false" autosized="true"	>
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Mensaje XML"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:outputLink 
					onclick="#{rich:component('panelMensajeXML')}.hide(); return false;">X
                </h:outputLink>
			</f:facet>
			<h:form id="frmMensajeXML">
				<a4j:outputPanel id="pnlVerMensajeXML">
					<rich:panel id="panelVerMensajeXML">
						<h:panelGrid columns="1">
						  <h:inputTextarea id="valorXml" 
						  value="#{auditoriaHubv2Controller.mensageXML}" 
						  disabled="false"
						  style="align:center;width:100%"
						  cols="100" rows="30">
						  </h:inputTextarea>					
						</h:panelGrid>
					</rich:panel>
					<br/>
					<br/>
					<a4j:commandButton value="Cancelar"
						onclick="#{rich:component('panelVerMensajeXML')}.hide(); return false;"/>
				</a4j:outputPanel>
			</h:form>
		</rich:popupPanel>
	

			

	
	</ui:define>
</ui:composition>
</html>